<template>
	<div class="user-actions">
		<router-link v-for="(item,index) in actionsList" :key="index" :to="item.linkUrl" class="user-actions-item">
			<div :class="['iconfont',item.icon,item.color]"></div>
			<div>{{item.title}}</div>
			<div class="user-actions-item-message">{{item.message}}</div>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: "Actions",
		data() {
			return {
				actionsList: [
					{
						icon: 'icon-balance',
						color: 'orange',
						title: '我的余额',
						message: '0元',
						linkUrl: '/user'
					},
					{
						icon: 'icon-bargain',
						color: 'orange',
						title: '我的砍价',
						linkUrl: '/user'
					},
					{
						icon: 'icon-ticket',
						color: 'yellow',
						title: '我的礼券',
						linkUrl: '/user'
					},
					{
						icon: 'icon-star',
						color: 'yellow',
						title: '我的收藏',
						linkUrl: '/user'
					},
					{
						icon: 'icon-address',
						color: 'blue',
						title: '我的地址',
						linkUrl: '/user_address'
					},
					{
						icon: 'icon-contact',
						color: 'blue',
						title: '联系客服',
						linkUrl: '/user'
					}
				]
			}
		}
	}
</script>
